<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>智能表单</title>
</head>
<body>
<form action="#" method="post">
<table>
    <tr>
        <th> 用户注册</th>
    </tr>

    <tr>
        <td>
            <fieldset>
                <legend >身份验证-必填项</legend>
                    <table >
                        <tr>
                                <td>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp用户名</td>
                                <td><input type="text" name="name" placeholder="请输入用户名"></td>
                        <tr>

                        <tr>
                                <td>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp密&nbsp&nbsp&nbsp码</td>
                                <td><input type="password" name="pwd" placeholder="请输入密码"></td>
                            </tr>

                        <tr>
                            <td>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp密码确认</td>
                            <td><input type="password" name="pwd2" placeholder="请输入密码"></td>
                        </tr>
                    </table>
            </fieldset>
        </td>

    </tr>

    <tr>
        <td>
            <fieldset>
                <legend>身份信息-选填信息</legend>
                <table>
                    <tr>
                        <td>所在城市</td>
                        <td><input type="text" name="city" placeholder="请输入城市"></td>
                    <tr>

                    <tr>
                        <td>工作单位</td>
                        <td><input type="text" name="workPlace" placeholder="请输入工作单位"></td>
                    </tr>

                    <tr>
                        <td>家庭住址</td>
                        <td><input type="text" name="location" placeholder="请输入家庭住址"></td>
                    </tr>
                </table>
            </fieldset>
        </td>
    </tr>

    <tr>
        <td>
            <fieldset>
                <legend>其他个人信息</legend>
                <table>
                    <tr>
                        <td>性别</td>
                        <td>
                            <select name="sex">
                                <option value="boy">男孩</option>
                                <option value="girl">女孩</option>
                            </select>
                        </td>
                    </tr>

                    <tr>
                        <td>爱好</td>
                        <td>
                            <input type="checkbox" name="hobby" value="music" checked>音乐
                            <input type="checkbox" name="hobby" value="sport">体育
                            <input type="checkbox" name="hobby" value="computer">计算机
                        </td>
                    </tr>

                    <tr>
                        <td>喜欢的公司</td>
                        <td>
                            <input type="radio" name="company" value="baidu">百度
                            <input type="radio" name="company" value="weiruan">微软中国
                            <input type="radio" name="company" value="guge">谷歌中国
                        </td>
                    </tr>
                    
                    <tr>
                        <td>个人简介</td>
                        <td>
                            <textarea cols="25" rows="5" name="content" ></textarea>
                        </td>
                    </tr>
                </table>
            </fieldset>
        </td>
    </tr>

    <tr>
        <td>
            <input type="submit" value="提交您的资料"> <input type="reset" value="重新填写资料">
            <br>
            <input type="button" value="无效按钮" disabled>
        </td>
    </tr>
</table>
</form>

</body>
</html>